<template>
<div>
<AttendanceHeader :profile-name="msg" :profile-image-url="url" :dayInfo="timeinfo"></AttendanceHeader>
    <div class="overtime-content">
        <ul>
            <li>
                <img src="http://owtz12sxf.bkt.clouddn.com/09.jpg" alt="">
                <div class="uptext">
                    <span>杨翎子</span>
                </div>
                <div class="downtext">
                    <span><em>15</em>次加班</span>
                    <span>本月加班时长<em>0小时</em></span>
                </div>
                <svg class="icon arrow" aria-hidden="true">
                        <use xlink:href="#icon-right-arrow"></use>
                </svg>
            </li>
             <li>
                <img src="http://owtz12sxf.bkt.clouddn.com/03.jpg" alt="">
                <div class="uptext">
                    <span>杨翎子</span>
                </div>
                <div class="downtext">
                    <span><em>15</em>次加班</span>
                    <span>本月加班时长<em>9999小时</em></span>
                </div>
                <svg class="icon arrow" aria-hidden="true">
                        <use xlink:href="#icon-right-arrow"></use>
                </svg>
            </li>
             <li>
                <img src="http://owtz12sxf.bkt.clouddn.com/02.jpg" alt="">
                <div class="uptext">
                    <span>杨翎子</span>
                </div>
                <div class="downtext">
                    <span><em>15</em>次加班</span>
                    <span>本月加班时长<em>13.5小时</em></span>
                </div>
                <svg class="icon arrow" aria-hidden="true">
                        <use xlink:href="#icon-right-arrow"></use>
                </svg>
            </li>
            
            <li>
                <img src="http://owtz12sxf.bkt.clouddn.com/02.jpg" alt="">
                <div class="uptext">
                    <span>杨翎子</span>
                </div>
                <div class="downtext">
                    <span><em>15</em>次加班</span>
                    <span>本月加班时长<em>13.5小时</em></span>
                </div>
                <svg class="icon arrow" aria-hidden="true">
                        <use xlink:href="#icon-right-arrow"></use>
                </svg>
            </li>
             <li>
                <img src="http://owtz12sxf.bkt.clouddn.com/02.jpg" alt="">
                <div class="uptext">
                    <span>杨翎子</span>
                </div>
                <div class="downtext">
                    <span><em>15</em>次加班</span>
                    <span>本月加班时长<em>13.5小时</em></span>
                </div>
                <svg class="icon arrow" aria-hidden="true">
                        <use xlink:href="#icon-right-arrow"></use>
                </svg>
            </li>
        </ul>
        <p v-for="x in 40 " :key="x">{{x}}</p>
    </div>
</div>
    
</template>
<script>
import AttendanceHeader from "../component/header.vue";
export default {
  name: "ot--overview--content",
  components: {
    AttendanceHeader
  },
  data() {
    return {
      msg: "hzz",
      url: "http://owtz12sxf.bkt.clouddn.com/01.jpg",
      timeinfo: "2017-13",
      allAttendance: 17,
      lateCount: 1,
      missCard: 2,
      outerAttendance: 3,
      AttendancePercentage: 80
    };
  }
};
</script>